<template >
  <div class="nav-open">
    <i class="V7_iconfont V7_iconV7tubiao_zhankai" @click="openNavMenu" v-show="!navMenuState"></i>
    <i class="V7_iconfont V7_iconV7tubiao_shouqi" @click="openNavMenu" v-show="navMenuState"></i>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import { CommonModule } from '@/store/modules/common'
@Component({
  name: 'navOpen'
})
export default class MyComponent extends Vue {
  private $store: any
  get navMenuState () {
    return this.$store.state.common.navMenuState || false
  }

  private openNavMenu () {
    CommonModule.setNavMenuState()
  }
}
</script>
<style scoped lang="stylus">
  .nav-open
    cursor pointer
    float left
    width 24px
    height 53px
    margin-left 12px
    line-height 53px
    .V7_iconfont
      color #3D4E66
      font-size 18px
      cursor pointer
</style>
